品牌设计师的逆袭!
iPhone14的“基佬紫”,有多好用!?
就连老司机杜蕾丝也忍不住出手,灵动起来!
而今天我们来聊点设计。
这次新iPhone新推出一款“基佬紫”的配色。
因此,不管是壁纸设计,还是官网的视觉包装,全是以紫色为主色调。
虽然苹果官网一向走简洁风,没有任何装饰元素,但是通过丰富的色彩变化,让页面看起来一点不单调。
紫色到蓝色的渐变过渡非常流畅,协调,同时又很有科技感,十分契合产品特点。
这么好看的配色,当然要学起来啊!
蓝色到紫色的渐变,是一组十分经典的冷暖对比配色。在色相上两者反差极大,再加上明度的对比,让蓝紫渐变看起来丰富而有层次感。
在许多设计主题上,我们都可以看到类似的渐变配色。
紫色和蓝色的搭配,很容易让人联想到夜晚,浪漫,用在爱情电影中简直不要太合适。
蓝色的理性、冰冷,再加上紫色的神秘未知感,两者的结合可以呈现出很强的科技感,所以这两年兴起的赛博朋克风格,大多以蓝紫为主色调。
好了,说了这么多,要怎么做出这种过度很自然的渐变色呢?
其实很简单,只需要两步搞定。
在画面上用矢量图形随意地叠加几个不同层次的蓝色和紫色色块。
第2步,
在矢量色块的属性面板上,切换到蒙版选项,然后将羽化值拉大。
duang...
你就得到了一个漂亮的渐变!
相比直接用图层样式拉出来的渐变,它看起来不规则,过渡更加自然、舒服。
接下来我们再整一个实操案例来看看如何应用。
先抠一张产品图。
第2步,
把背景色换成黑色,然后在画面的顶部和底部各拉一个矢量色块。
第3步,
按照上面提到的方法,将矢量图形的羽化值拉大。我们就得到了一个带渐变效果的背景图。
第4步,
为了让画面看起来更丰富,我在产品的上下部分各加了一张玻璃素材,让它与产品图形成前后的叠压关系。
第5步,
将产品图与玻璃片相交的部分模糊掉,看起来更有层次感。
第6步,
在画面的顶部打上文案。
第7步,
用同样的方法,把文字也做成蓝紫渐变,并且将文字与玻璃片相交的部分模糊掉。
第8步,
在画面空白区域排版好文案信息。
OK,完工!
但是这么漂亮的配色,都给我学起来!
好了,你们慢慢学,
我先看看我预定基佬紫的iPhone14Pro到哪里了。。。
-------------------------
往期精华文章导读:
一张优秀手机摄影的诞生!
6万块,被他拿走了?
-END-
越努力,越幸运。
这里是庞门正道。